<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=devijjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjce-width, initial-scale=1, shrink-to-fit=no">
    <title>高校科研创新服务平台</title>

    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/fonts/line-icons.css">
    <link href="/static/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/css/responsive.css">

    <script src="https://code.highcharts.com.cn/highcharts/highcharts.js"></script>
    <script src="https://code.highcharts.com.cn/highcharts/modules/exporting.js"></script>
    <script src="https://code.highcharts.com.cn/highcharts/modules/drilldown.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>

    <script src="/static/js/jquery-min.js"></script>
    <script src="/static/js/jquery.app.js"></script>
    <script src="/static/plugins/datatables/jquery.dataTables.min.js"></script>

</head>

<body>

<div class="app header-default side-nav-dark">
    <div class="layout">
        <!--顶部栏-->
        <div th:replace="~{/topbar::topbar}">
        </div>
        <!--侧边栏-->
        <div th:replace="~{/sidebar::sidebar}">
        </div>
        <!--主体部分-->
        <div class="page-container">

            <div class="main-content">
                <div class="container-fluid">

                    <div class="breadcrumb-wrapper row">
                        <div class="col-12 col-lg-3 col-md-6">

                            <!--
                            <div class="col-12 col-lg-9 col-md-6">
                                <ol class="breadcrumb float-right">
                                    <li><a href="#">Tables</a></li>
                                    <li class="active"> / Data Table</li>
                                </ol>
                            </div>
                        -->
                        </div>

                    </div>
                </div>
                <div class="container-fluid">
                    <div class="row">
                        <!--//要替换的部分-->
                        <div class="col-md-6">
                            <h4>
                                我的事务
                            </h4>
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>类别</th>
                                    <th>待审核</th>
                                    <th>其他</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>科研人员</td>
                                    <td th:text="${uNumd}">122</td>
                                    <td><a href="/admin/user/audit">查看详情</a></td>
                                </tr>
                                <tr class="table-active">
                                    <td>项目立项</td>
                                    <td th:text="${pNumd}">23</td>
                                    <td><a href="/project/audit">查看详情</a></td>
                                </tr>
                                <tr class="table-success">
                                    <td>项目变更</td>
                                    <td th:text="${pNumd1}">23</td>
                                    <td><a href="/project/change_audit">查看详情</a></td>
                                </tr>
                                <tr class="table-warning">
                                    <td>合同</td>
                                    <td th:text="${cNumd}">23</td>
                                    <td><a href="/project/contract_audit">查看详情</a></td>
                                </tr>
                                <tr class="table-danger">
                                    <td>合同变更</td>
                                    <td th:text="${cNumd1}">43</td>
                                    <td><a href="/project/contract_change_audit">查看详情</a></td>
                                </tr>
                                <tr>
                                    <td>科研论文</td>
                                    <td th:text="${paperNumd}">22</td>
                                    <td><a href="/research/paper_audit">查看详情</a></td>
                                </tr>
                                <tr class="table-active">
                                    <td>著作</td>
                                    <td th:text="${iNumd}">99</td>
                                    <td><a href="/intellectual/copyright_audit">查看详情</a></td>
                                </tr>
                                <tr class="table-success">
                                    <td>专利</td>
                                    <td th:text="${patentNumd}">99</td>
                                    <td><a href="/intellectual/patent_audit">查看详情</a></td>
                                </tr>
                                </tbody>
                            </table>
                            <br>
                            <br>
                            <h4>
                                <a href="/test/science">我的科研</a>
                            </h4>
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>
                                        科研人员
                                    </th>
                                    <th>
                                        纵向项目
                                    </th>
                                    <th>
                                        横向项目
                                    </th>
                                    <th>
                                        科研经费
                                    </th>
                                    <th>
                                        科研成果
                                    </th>
                                    <th>
                                        知识产权
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td th:text="${uNumy}">
                                        482项
                                    </td>
                                    <td th:text="${pNumy}">
                                        175项
                                    </td>
                                    <td th:text="${cNumy}">
                                        200.00万
                                    </td>
                                    <td th:text="${imNumy}">
                                        200.00万
                                    </td>
                                    <td th:text="${totalNum}">
                                        200.00万
                                    </td>
                                    <td th:text="${totalNum1}">
                                        200.00万
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <br>
                            <br>
                            <h4>
                                <a href="/system/message">消息与预警</a>
                            </h4>
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>信息</th>
                                    <th>时间</th>
                                    <th>查看详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="mes:${listhome}">
                                    <!--<td th:text="${mes.id}">1</td>-->
                                    <td th:text="${mes.title}">科研管理系统提醒：项目中检材料已上传，请尽快审阅</td>
                                    <td th:text="${mes.timeformat}">2021-11-05</td>
                                    <td>
                                        <a th:href="@{'/system/message1?id='+${mes.id}}">
                                            查看详情
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <h4>
                                科研动态
                            </h4>
                            <input type="hidden" id="pNum" th:value="${pNum}">
                            <input type="hidden" id="uNum" th:value="${uNum}">
                            <input type="hidden" id="cNum" th:value="${cNum}">
                            <input type="hidden" id="imNum" th:value="${imNum}">
                            <input type="hidden" id="omNum" th:value="${omNum}">
                            <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
                            <script>
                                var pnum = $('#pNum').val();
                                var unum = $('#uNum').val();
                                var cnum = $('#cNum').val();
                                var imnum = $('#imNum').val();
                                var omnum = $('#omNum').val();
                                // JS 代码
                                Highcharts.chart('container', {
                                    chart: {
                                        type: 'column'
                                    },
                                    title: {
                                        text: '近一个月科研信息动态'
                                    },
                                    xAxis: {
                                        type: 'category'
                                    },
                                    yAxis: {
                                        title: {
                                            text: '总的信息数'
                                        }
                                    },
                                    legend: {
                                        enabled: false
                                    },
                                    plotOptions: {
                                        series: {
                                            borderWidth: 0,
                                            dataLabels: {
                                                enabled: true,
                                                format: '{point.y:.1f}'
                                            }
                                        }
                                    },
                                    tooltip: {
                                        headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                                        pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b>条of total<br/>'
                                    },
                                    series: [{
                                        name: '',
                                        colorByPoint: true,
                                        data: [{
                                            name: '科研队伍',
                                            y: Number(unum)
                                        }, {
                                            name: '科研项目',
                                            y: Number(pnum)
                                        }, {
                                            name: '横向项目',
                                            y: Number(cnum)
                                        }, {
                                            name: '科研经费',
                                            y: Number(imnum)
                                        }, {
                                            name: '经费支出',
                                            y: Number(omnum)
                                        }]
                                    }]
                                });
                            </script>
                            <br>
                            <input type="hidden" id="pNumy" th:value="${pNumy}">
                            <input type="hidden" id="uNumy" th:value="${uNumy}">
                            <input type="hidden" id="cNumy" th:value="${cNumy}">
                            <input type="hidden" id="imNumy" th:value="${imNumy}">
                            <input type="hidden" id="omNumy" th:value="${omNumy}">
                            <div id="containers" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
                            <script>
                                var pnumy = $('#pNumy').val();
                                var unumy = $('#uNumy').val();
                                var cnumy = $('#cNumy').val();
                                var imnumy = $('#imNumy').val();
                                var omnumy = $('#omNumy').val();
                                Highcharts.chart('containers', {
                                    chart: {
                                        type: 'column'
                                    },
                                    title: {
                                        text: '近一年科研信息动态'
                                    },
                                    xAxis: {
                                        type: 'category'
                                    },
                                    yAxis: {
                                        title: {
                                            text: '总的信息数'
                                        }
                                    },
                                    legend: {
                                        enabled: false
                                    },
                                    plotOptions: {
                                        series: {
                                            borderWidth: 0,
                                            dataLabels: {
                                                enabled: true,
                                                format: '{point.y:.1f}'
                                            }
                                        }
                                    },
                                    tooltip: {
                                        headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                                        pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b>条of total<br/>'
                                    },
                                    series: [{
                                        name: '',
                                        colorByPoint: true,
                                        data: [{
                                            name: '科研队伍',
                                            y: Number(unumy)
                                        }, {
                                            name: '科研项目',
                                            y: Number(pnumy)
                                        }, {
                                            name: '横向项目',
                                            y: Number(cnumy)
                                        }, {
                                            name: '科研经费',
                                            y: Number(imnumy)
                                        }, {
                                            name: '经费支出',
                                            y: Number(omnumy)
                                        }]
                                    }]
                                });
                            </script>
                            <br>
                            <h4>
                                <a href="/system/system_message">系统信息</a>
                            </h4>
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>信息</th>
                                    <th>时间</th>
                                    <th>查看详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="mes:${syslisthome}">
                                    <td th:text="${mes.title}">科研管理系统提醒：项目中检材料已上传，请尽快审阅</td>
                                    <td th:text="${mes.timeformat}">2021-11-05</td>
                                    <td>
                                        <a th:href="@{'/system/sys_message1?id='+${mes.id}}">
                                            查看详情
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>


                <footer class="content-footer">
                    <div th:replace="~{/footer::footer}"></div>
                </footer>

            </div>

        </div>
    </div>
</div>

<script src="/static/js/jquery-min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/scripts.js"></script>
<script src="/static/js/jquery.app.js"></script>
<script src="/static/js/main.js"></script>

<script src="/static/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/static/plugins/datatables/dataTables.bootstrap4.min.js"></script>

<script src="/static/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="/static/plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="/static/plugins/datatables/jszip.min.js"></script>
<script src="/static/plugins/datatables/pdfmake.min.js"></script>
<script src="/static/plugins/datatables/vfs_fonts.js"></script>
<script src="/static/plugins/datatables/buttons.html5.min.js"></script>
<script src="/static/plugins/datatables/buttons.print.min.js"></script>
<script src="/static/plugins/datatables/buttons.colVis.min.js"></script>

<script src="/static/plugins/datatables/dataTables.responsive.min.js"></script>
<script src="/static/plugins/datatables/responsive.bootstrap4.min.js"></script>

<script src="/static/js/datatables.init.js"></script>


</body>
</html>